<template>
  <div class="albums">
    <h3>专辑展示</h3>
    <ul>
      <li v-for="(album, index) in albums" :key="index">
        {{ album.name }} - {{ album.releaseYear }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'Albums',
  data() {
    return {
      albums: [
        { name: 'Fearless', releaseYear: '2008' },
        { name: 'Red', releaseYear: '2012' },
        { name: '1989', releaseYear: '2014' },
        { name: 'Reputation', releaseYear: '2017' },
        { name: 'Lover', releaseYear: '2019' },
        { name: 'Folklore', releaseYear: '2020' },
        { name: 'Evermore', releaseYear: '2020' },
        { name: 'Midnights', releaseYear: '2022' }
      ]
    }
  }
}
</script>